﻿#game-builder
{
    float:left;
    width: 25%;
    min-height: 400px;
    border-right: 1px solid #AFAFAF;
    padding-left:50px;
}

#game-board
{
    float:right;
    width: 70%;
    min-height: 400px;    
}

#game-board table
{
    border:1px solid #000000;
    float:left;
    margin-top:20px;    
}

#game-board td
{
    width:20px;
    height:20px;
    border-right: 1px solid #AFAFAF;
    border-bottom: 1px solid #AFAFAF;
    border: 1px solid #AFAFAF;
    padding:0;
    margin:0;
}

#game-board td:hover
{
    cursor:pointer;
    border: 1px solid Green;
}

/*---------------------------------------------*/

.game-builder .info
{
    padding-top:50px;
    font-size:18;
    color:#009000;
    font: normal;
}

.game-builder table
{    
    width:200px;
    border-top: 1px solid #AFAFAF;
    border-left: 1px solid #AFAFAF;
    
}

.game-builder table thead 
{
    background-color: #EFEFEF;
}

.game-builder table thead td
{
    border-right: 1px solid #AFAFAF;
    padding: 2px;
    text-align: center;
    border-bottom: 1px solid #AFAFAF;
}

.game-builder table tbody td
{
    border-bottom: 1px solid #AFAFAF;
    padding: 2px 10px 2px 10px;
    border-right: 1px solid #AFAFAF;    
    text-align: center;
}

.game-builder .data-send
{
    padding-top:50px;
}

.result-view .view-result-span
{
    padding:10px;
    font-variant:normal;
    font-size: 24px;
    color:#999900;
}

.result-view .view-result-span2
{
    padding:10px;
    font-variant:normal;
    font-size: 24px;
    color:#00AF00;
}

.result-view .opponent-info-span
{
    padding:5px 5px 5px 10px;
    font:normal;
    font-size:18px;
    color:Red;
}

.hidden-panel
{
    float:right;
    border:0px;
    margin-top:20px;
    width:70%
}

.hidden-panel .redirect-panel
{
    padding:25px 20px 20px 20px;
    border:2px solid #009F00;
    min-height:60px;
    width:50%;
    float:left;
}

.hidden-panel .redirect-panel .redirect-title
{
    margin-top:20px;
    color:Black;
    font-size:25px;
    text-align:center;
    width:100%
}

/*---------------------------------------------------------------------*/
.game-builder .notation
{
    border:1px solid #AFAFAF;
    background:#CCCCCC;
    width:200px;
    margin:5px;
    padding:4px;
}

.game-builder .notation .empty-cell
{
    float:left;
    width:20px;
    height:20px;    
    padding:0;
    margin:0;
    background:#FFFFFF;
    border:1px solid #AFAFAF;
}

.game-builder .notation .notation-span
{
    color:Black;
    font-size:16;
    margin-left:10px;
}

.game-builder .notation .wounded-cell
{
    float:left;
    width:20px;
    height:20px;    
    padding:0;
    margin:0;
    background:#FFAF00;
    border:1px solid #FFFF00;
}

.game-builder .notation .killed-cell
{
    float:left;
    width:20px;
    height:20px;    
    padding:0;
    margin:0;
    background:#FF0000;
    border:1px solid #FFFF00;
}

.game-builder .notation .fog-cell
{
    float:left;
    width:20px;
    height:20px;    
    padding:0;
    margin:0;
    background:#E0E0E0;
    border:1px solid #AFAFAF;
}

.game-builder .notation .ship
{
    float:left;
    width:20px;
    height:20px;    
    padding:0;
    margin:0;
    background:#00CC00;
    border:1px solid #FFFF00;
}